<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jq</title>
	<script src="jquery.js"></script>
	
</head>
<style>
	.img{
		background: #ccc;
		border-radius: 256px;
		transform: scale(1.2,1.2); /* 倍数 */
	}
</style>


<body>
	<img src="a.jpg" alt="">
	
</body>
<script>

	
	//有样式就去掉，没有就加上
	$('img').mouseenter(function(){
		$(this).toggleClass('img')
	});

	$('img').mouseleave(function(){
		$(this).toggleClass('img')
	});

</script>
</html>